<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="/stylesheets/style.css">
	<title>Chat</title>
</head>
<body>
	<div id="content">
		<div id="room"></div>
		<div id="room-list"></div>
		<div id="messages"></div>

		<form action="" id="send-form">
			<input type="text" id="send-message">
			<input type="submit" id="send-button" value="send">
			<div id="help">
				Chat commands:
				<ul>
					<li>Change nickname: <code>/nick [nickname]</code></li>
					<li>Join/Create room : <code>/join [room name]</code></li>
				</ul>
			</div>
		</form>
	</div>
	<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
	<script src="/javascripts/chat.js"></script>
	<script src="/javascripts/chat_ui.js"></script>
</body>
</html>